﻿@using System.Web.Optimization
@{
    ViewBag.Title = "Kanban DashBoard";
}
@section HeadContent{
    <link href="@Url.Content("~/Content/KanbanDashBoard.css")" rel="stylesheet" type="text/css" />
}
@section AddJavaScript
{
    @Scripts.Render("~/Graph/")

    <script type="text/javascript" src='@Url.Content("~/Scripts/KanbanDashBoard.js")'></script>
    <script data-app-id="hyB2pTvrL36Y50py8EWj6A" src="https://assets.yammer.com/platform/yam.js"></script>
    <script type="text/javascript">
        var myPage = new KanbanDashBoard();
    </script>
}
@section JSDocumentReady
{
myPage.Ready();
yam.connect.embedFeed({container: "#embedded-feed",network: "soget.fr",feedType: "group",feedId: "521301",config: {header: false}});
}
@section PageOptionUrl
{
    '@Url.Action("JBugsList", "Home")','@Url.Action("JKanbanProjectsList", "Home")',
    '@Url.Action("JKPIProjects", "Home")','@Url.Action("JKPIItems", "Home")'
    }
@section PageOptionsOpt
{
elemReleaseBugList: 'releasebugslist'
    }
<div class="span3">
    <div class="row-fluid">
        <div class="row-fluid margeBottom" id="keypointsdiv"></div>
        <div class="row-fluid" id="bugGraph">
        </div>
    </div>
    <div id="embedded-feed"></div>
</div>
<div class="span9 margeBottom">
    <div class="row-fluid margeBottom" id="KPIProjects"></div>
    <h2>Projects list in Process</h2>
    <table id="tbProjectKeys" class="table table-striped">
        <thead>
            <tr>
                <th class="project" rowspan="2">Project / Iteration
                </th>
                <th rowspan="2">Delay</th>
                <th colspan="4" class="highlight lightFont">User Stories
                </th>
                <th colspan="2" class="highlight lightFont keyred">Bugs
                </th>
            </tr>
            <tr class="thbottom">
                <th class="KBListTodo">To Do
                </th>
                <th class="KBListInProgress">In Progress <span id="kanbanipmax"></span>
                </th>
                <th class="KBListToTest">To Test <span id="kanbanttmax"></span>
                </th>
                <th class="KBListDone">Done
                </th>
                <th class="KBListTodo">To Do
                </th>
                <th class="KBListInProgress">In Progress
                </th>
            </tr>
        </thead>
        <tbody id="wilist">
        </tbody>
    </table>
</div>


<script id="BugsListTemplate" type="text/x-jsrender">
    @Html.Partial("KanbanBugsList")
</script>
<script id="ProjectsTemplate" type="text/x-jsrender">
    @Html.Partial("KanbanProjectsList")
</script>
<script id="KPIProjectsTemplate" type="text/x-jsrender">
    @Html.Partial("KanbanProjectsKPI")
</script>
<script id="KPITemplate" type="text/x-jsrender">
    <ul>
        <li class="{{:CSSBugs}}">
            <p>
                {{:BugsCount}}
            </p>
            <span>bugs</span>
        </li>
        <li class="{{:CSSCriticalItems}}">
            <p>
                {{:CriticalItemsCount}}
            </p>
            <span>Critical Items</span>
        </li>
    </ul>
</script>
<script id="PopOverTemplate" type="text/x-jsrender">
    <li>
        <a class="smallfont" target="_blank" href="{{:Url}}">WorkItem #{{:ID}}</a>
        <p class="smallfont" title="{{:Content}}">
            {{:Title}}
        </p>
    </li>

</script>
